<template>
  <el-card shadow="hover">
    <total-sales :title="title" :cardValue="cardValue">
      <slot></slot>
      <template #total>
        <slot name="total"></slot>
      </template>
    </total-sales>
  </el-card>
</template>

<script>
import TotalSales from './TotalSales.vue'
export default {
  name: 'TopViewCard',
  components: {
    TotalSales
  },
  props: {
    title: {
      type: String,
      default: '未命名标签'
    },
    cardValue: {
      type: String,
      default: '￥ 0'
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
